{#if loadError}
{loadError}
{:else} {@const isOwner = $identity && (isId ? $identity.id : $identity.name) === data.username} {#if $BadgeWallUser.fetching || !$BadgeWallUser.data}
{:else if !$BadgeWallUser.data.User}
{:else} {@const ungroupedBadges = castBadgesToIndexedBadges($BadgeWallUser.data.User.badges)} {@const isBadgeSelected = selectedBadge && selectedBadge !== undefined && selectedBadge.image && selectedBadge.image !== undefined && !editMode}
{#if preferences && !preferences.hide_awc_badges}
{/if} {#if ungroupedBadges === null}
{:else} {@const groupedBadges = Object.entries( groupBadges(removeHiddenBadges(isOwner, ungroupedBadges)) )} {#if isOwner || authorised} {@const shadowHiddenCount = ungroupedBadges.filter((badge) => badge.shadow_hidden).length} {@const shadowHidden = shadowHiddenCount > 0} {#if shadowHidden}
{$locale().badgeWall?.page?.notice}
{$locale({ values: { count: shadowHiddenCount } }).badgeWall?.page?.shadowHideNotice1}
{$locale().badgeWall?.page?.shadowHideNotice2}
{:else if false && !noticeDismissed}
{$locale().badgeWall?.page?.notice}
{$locale().badgeWall?.page?.aiNotice1}
{$locale().badgeWall?.page?.aiNotice2}
{ noticeDismissed = true; await localforage.setItem('badgeWallNoticeDismissed', 'true'); }} > {$locale().badgeWall?.page?.dismiss}
{/if}
{#if authorised}
{$locale().badgeWall?.page?.shadowHide}
{/if} {#if isOwner && authorised}
•
{/if} {#if isOwner}
{ selectedBadge = undefined; editMode = !editMode; }} > {editMode ? $locale().user.badges.editMode.disable : $locale().user.badges.editMode.enable}
•
{ selectedBadge = undefined; importMode = !importMode; }} > {importMode ? $locale().user.badges.importMode.disable : $locale().user.badges.importMode.enable}
•
{ selectedBadge = undefined; migrateMode = !migrateMode; }} > {$locale().badgeWall?.page?.migrateCategory}
•
{ selectedBadge = undefined; hideMode = !hideMode; }} > {$locale().badgeWall?.page?.hideCategory}
{#if shadowHidden}
•
{$locale().badgeWall?.page?.unshadowHide}
{/if} {#if editMode && isOwner} {@const groups = groupedBadges .map((group) => group[0]) .filter((group) => group !== 'Uncategorised')} {@const designers = castAsStringArray([ ...new Set( ungroupedBadges .map((badge) => badge.designer) .filter((designer) => designer !== undefined && designer !== null) .filter( (designer, index, array) => array.indexOf(designer) === index && !array.includes(`@${designer}`) ) ) ])}
{#if error}
{error}
{/if}
({ name: group, url: '#', onClick: () => { const category = document.querySelector('input[name="category"]'); if (category instanceof HTMLInputElement) category.value = group; } }))} header={false} center={false} >
{$locale().badgeWall?.page?.dateTimeHint}
({ name: designer, url: '#', onClick: () => { const designerField = document.querySelector('input[name="designer"]'); if (designerField instanceof HTMLInputElement) designerField.value = designer; } }))} header={false} center={false} >
({ name: hidden ? ($locale().badgeWall?.page?.hidden ?? 'Hidden') : ($locale().badgeWall?.page?.shown ?? 'Shown'), url: '#', onClick: () => { const hiddenInput = document.querySelector('input[name="hidden"]'); if (hiddenInput instanceof HTMLInputElement) hiddenInput.value = hidden ? ($locale().badgeWall?.page?.hidden ?? 'Hidden') : ($locale().badgeWall?.page?.shown ?? 'Shown'); } }))} header={false} center={false} >
{selectedBadge ? $locale().user.badges.editMode.update : $locale().user.badges.editMode.add}
{#if selectedBadge} {$locale().user.badges.editMode.or}
{ if (selectedBadge) removeBadge(selectedBadge); }}>{$locale().user.badges.editMode.delete}
{/if}
{/if} {/if}
{/if}
{#if loadQueryParameter === 'none'}
{$locale().badgeWall?.page?.notice}
{$locale({ values: { count: ungroupedBadges.length } }).badgeWall?.page?.loadNoneNoticePrefix}
load=none
{$locale().badgeWall ?.page?.loadNoneNoticeSuffix}
{:else}
{/if} {/if}
{#if isBadgeSelected}
{ selectedBadge = undefined; }} >
setAdjacentCursor(ungroupedBadges, 1)} onPrevious={() => setAdjacentCursor(ungroupedBadges, -1)} hasNext={adjacentBadgeExists(selectedBadge, ungroupedBadges, 1) !== undefined} hasPrevious={adjacentBadgeExists(selectedBadge, ungroupedBadges, -1) !== undefined} /> {#if authorised}
{#if selectedBadge && selectedBadge.shadow_hidden} {$locale({ values: { id: selectedBadge.id } }).badgeWall?.page?.unshadowHideBadge} {:else} {$locale({ values: { id: selectedBadge ? selectedBadge.id : 0 } }).badgeWall?.page?.shadowHideBadge} {/if}
{/if}
{/if} {/if} {/if} {#if true}
(importMode = false)} show={importMode}> {$locale().user.badges.importMode.title}
{$locale().user.badges.importMode.importLinks.title}
{$locale().user.badges.importMode.importLinks.hint}
{$locale().user.badges.importMode.importReplies}
{ importMode = false; importImages = undefined; }} class="button-lined" > {$locale().user.badges.importMode.cancel}
parsePost()} class="button-lined" style="float: right;"> {$locale().user.badges.importMode.fetch}
{$locale().user.badges.importMode.dangerous}
{$locale({ values: { times: 3 - confirmPrune } }).user.badges.importMode.deleteAll.title}
{$locale().user.badges.importMode.deleteAll.hint}
{#if importImages && importImages.length > 0}
{$locale({ values: { count: importImages.length } }).user.badges.importMode.importConfirm}
importBadges()} class="button-lined no-shadow" data-umami-event="Import Badges" > {$locale().user.badges.importMode.import}
{$locale().user.badges.importMode.importWait}
{/if}
{/if}
(migrateMode = false)} show={migrateMode}> {$locale().badgeWall?.page?.migrateCategory}
{$locale().badgeWall?.page?.migrateAllHint}
{ importMode = false; importImages = undefined; }} class="button-lined" > {$locale().user.badges.importMode.cancel}
migrateCategory()} class="button-lined" style="float: right;"> {$locale().badgeWall?.page?.migrateAction}
(hideMode = false)} show={hideMode}> {$locale().badgeWall?.page?.hideCategory}
{$locale().badgeWall?.page?.hideVisibilityHint}
{$locale().badgeWall?.page?.hideAllHint}
{ hideMode = false; importImages = undefined; }} class="button-lined" > {$locale().user.badges.importMode.cancel}
hideCategory()} class="button-lined" style="float: right;" >{$locale().badgeWall?.page?.toggleVisibility}